 layui.config({
     base: '/src/'
 }).use('index', function() {
     var $ = layui.$,
         admin = layui.admin,
         main = layui.main,
         setter = layui.setter,
         layer = layui.layer,
         dropdown = layui.dropdown,
         form = layui.form,
         table = layui.table;

     //加载列表
     table.render({
         elem: '#LAY-app-loginlog-list',
         url: setter.serverAdd + 'system/loginlog/Query',
         title: '数据表',
         toolbar: '#toolbarDemo',
         page: true,
         cols: [
             [
                 { type: 'numbers', fixed: 'left', title: '序号' }, { field: 'username', title: '用户名' }, { field: 'loginip', title: '登陆IP' },
                 { field: 'loginresult', title: '登陆结果' }, { field: 'loginstate', title: '登陆状态' }, { field: 'loginwindow', title: '登陆操作系统' },
                 { field: 'logintime', title: '登陆时间' }, { field: 'remark', title: '备注' }

             ]
         ],
         done: function(res) {
             dropdown.render({
                 elem: '.rowMode',
                 data: [
                     { id: 'default-row', title: '单行模式（默认）' }, { id: 'multi-row', title: '多行模式' }
                 ],
                 // 菜单被点击的事件
                 click: function(obj) {
                     switch (obj.id) {
                         case 'default-row':
                             table.reload('LAY-app-loginlog-list', { lineStyle: null }); //恢复单行
                             break;
                         case 'multi-row':
                             table.reload('LAY-app-loginlog-list', { lineStyle: 'height: 95px;' });
                             break;
                     }
                 }
             });
         }
     });

     //查询
     form.on('submit(table-search)', function(data) {
         var field = data.field;
         table.reload('LAY-app-loginlog-list', { page: { curr: 1 }, where: field });
         return false; //阻止默认form 跳转
     });

     //工具栏事件（添加）
     table.on('toolbar(LAY-app-loginlog-list)', function(obj) {
         var options = obj.config; //获取当前表格属性配置项
         var checkStatus = table.checkStatus(options.id); //获取选中行相关数据
         // 根据不同的事件名进行相应的操作
         switch (obj.event) { //对应模板元素中的 lay-event 属性值
             case 'add':
                 layer.open({
                     type: 2,
                     title: '添加企业信息',
                     shadeClose: true,
                     maxmin: true, //开启最大化最小化按钮
                     area: ['60%', '80%'],
                     content: setter.views + 'system/loginlog/yj_system_loginlog_add.html'
                 });
                 break;
         };
     });

     //单元格工具事件 (编辑&更多)
     table.on('tool(LAY-app-loginlog-list)', function(obj) {
         var data = obj.data; //获得当前行数据
         if (obj.event === 'edit') {
             layer.open({
                 type: 2,
                 title: '编辑',
                 shadeClose: true,
                 maxmin: true,
                 area: ['60%', '80%'],
                 content: setter.views + 'system/loginlog/yj_system_loginlog_edit.html?id=' + data.id
             });
         } else if (obj.event === 'more') { //下拉菜单-更多
             dropdown.render({
                 elem: this, //触发事件的 DOM 对象
                 show: true, //外部事件触发即显示
                 data: [
                     { title: '详情', id: 'see' }, { title: '删除', id: 'del' }
                 ],
                 click: function(menudata) {
                     if (menudata.id === 'see') {
                         layer.open({
                             type: 2,
                             title: '详情',
                             shadeClose: true,
                             maxmin: true,
                             area: ['60%', '80%'],
                             content: setter.views + 'system/loginlog/yj_system_loginlog_info.html?id=' + data.id
                         });
                     } else if (menudata.id === 'del') {
                         layer.confirm('确认删除 ?', function(index) {
                             admin.req({
                                 url: 'system/loginlog/Delete',
                                 type: 'delete',
                                 data: { id: data.id },
                                 done: function(res) {
                                     if (res.successful) {
                                         obj.del(); //删除对应行（tr）的DOM结构
                                         layer.close(index);
                                     }
                                     admin.msg_success(res.msg);
                                 }
                             });
                         });
                     }
                 },
                 align: 'right', //右对齐弹出
                 style: 'box-shadow: 1px 1px 10px rgb(0 0 0 / 12%);' //设置额外样式
             });
         }
     });

 });